<!DOCTYPE html>
<html>
  <head>
    <title>微势动力 - 官方网站</title>
    <link rel="shortcut icon" href="favicon.png">
    <link rel="apple-itouch-icon" href="favicon.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <meta name="description" content="放心交由我们帮您完成从灵感，孵化，到线上级产品的设计与研发。">
    <meta name="keywords" content="微势动力,微信小程序,HTML5,iOS,Android,苹果,安卓,应用,开发,研发,设计,产品,灵感,孵化,创意,外包,团队">
  </head>
  <body>
    <div id="container">
      <section id="main">
        <div class="left">
          <img src="assets/logo.png" alt="微势动力Logo" class="logo">
          <h1 class="title">// 我们的创造星球 /</h1>
          <h2 class="subtitle">放心交由我们帮您完成<br/>从灵感，孵化，到线上级产品的设计与研发。</h2>
        </div>
        <div class="right">
          <img src="assets/planet.png" alt="微势动力星球" class="planet">
        </div>
      </section>
      <section id="intro1">
        <div class="main">
          <h1 class="title">实现了不起的创意</h1>
          <img src="assets/bg1.png" alt="星球背景" class="bg">
        </div>
        <ul class="platform">
          <li class="item green" id="wechat-works">
            <i class="icon fa fa-wechat"></i>
            <h2 class="en">Wechat Small App</h2>
            <h1 class="zh">微信小程序</h1>
          </li>
          <li class="item blue" id="html5-works">
            <i class="icon fa fa-html5"></i>
            <h2 class="en">HTML5 App</h2>
            <h1 class="zh">HTML5应用</h1>
          </li>
          <li class="item orange" id="ios-works">
            <i class="icon fa fa-apple"></i>
            <h2 class="en">iOS App</h2>
            <h1 class="zh">iOS应用</h1>
          </li>
          <li class="item purple" id="android-works">
            <i class="icon fa fa-android"></i>
            <h2 class="en">Android App</h2>
            <h1 class="zh">Android应用</h1>
          </li>
          <li class="item red" id="web-works">
            <i class="icon fa fa-chrome"></i>
            <h2 class="en">Web App</h2>
            <h1 class="zh">Web应用</h1>
          </li>
        </ul>
        <a id="view-works" class="work"><i class="fa fa-chevron-up"></i>点击看看我们的作品</a>
      </section>
      <section id="intro2">
        <div class="left">
          <h1 class="title">微势动力团队</h1>
          <h2 class="desc1">我们由一群年轻有活力且经验丰富的小伙伴组成，核心成员来自于腾讯、阿里、优步等多个IT知名企业，拥有多年的开发经验和项目管理经验。提供全方位的互联网项目解决方案，团队涵盖产品策划，视觉交互设计，编码实现，体验测试，审核上线到运营维护的全部专业人员。</h2>
          <h2 class="desc2">不必担心您的想法处在何种阶段，也无论它是小程序还是大应用，我们都会竭尽全力的精雕细琢。</h2>
          <!-- Root element of PhotoSwipe. Must have class pswp. -->
          <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

              <!-- Background of PhotoSwipe.
                   It's a separate element as animating opacity is faster than rgba(). -->
              <div class="pswp__bg"></div>

              <!-- Slides wrapper with overflow:hidden. -->
              <div class="pswp__scroll-wrap">

                  <!-- Container that holds slides.
                      PhotoSwipe keeps only 3 of them in the DOM to save memory.
                      Don't modify these 3 pswp__item elements, data is added later on. -->
                  <div class="pswp__container">
                      <div class="pswp__item"></div>
                      <div class="pswp__item"></div>
                      <div class="pswp__item"></div>
                  </div>

                  <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                  <div class="pswp__ui pswp__ui--hidden">

                      <div class="pswp__top-bar">

                          <!--  Controls are self-explanatory. Order can be changed. -->

                          <div class="pswp__counter"></div>

                          <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                          <button class="pswp__button pswp__button--share" title="Share"></button>

                          <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                          <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                          <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                          <!-- element will get class pswp__preloader--active when preloader is running -->
                          <div class="pswp__preloader">
                              <div class="pswp__preloader__icn">
                                <div class="pswp__preloader__cut">
                                  <div class="pswp__preloader__donut"></div>
                                </div>
                              </div>
                          </div>
                      </div>

                      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                          <div class="pswp__share-tooltip"></div>
                      </div>

                      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                      </button>

                      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                      </button>

                      <div class="pswp__caption">
                          <div class="pswp__caption__center"></div>
                      </div>

                  </div>

              </div>

          </div>
        </div>
        <div class="right">
          <img src="assets/skill.png" alt="微势动力技能" class="skill">
        </div>
      </section>
      <section id="footer">
        <div class="left">
          <div class="scan">
            <img src="assets/qr.png" alt="微势动力团队公众号" class="qr">
            <div class="title">扫一扫关注我们</div>
          </div>
          <div class="contact">
            <div class="head">
              <h1 class="title">每一次信任</h1>
              <h2 class="subtitle">都会有意想不到的惊喜。</h2>
            </div>
            <div class="info">
              <h1 class="title">联系我们</h1>
              <h2 class="desc">地址：成都市高新区天府大道500号东方希望天祥广场1号楼4112</h2>
              <h2 class="desc">邮箱：contact@weishidongli.com</h2>
              <h2 class="desc">电话：18628181897</h2>
              <h2 class="desc">QQ：29474858</h2>
            </div>
          </div>
        </div>
        <div class="right">
          <img src="assets/diamond.png" alt="微势动力团队宝藏" class="diamond">
        </div>
      </section>
      <section id="copyright">
        <span class="left">© 2017, WISH POWER STUDIO. All rights reserved.</span>
        <span class="right">蜀ICP备16021525号-3</span>
      </section>
    </div>
  </body>
</html>
